このページは私用WordPressの覚え書き兼、テストページです。
「SNSボタン」は、テスト検証用に仮設置しているだけなので、押しても反応しません。

023 オリジナルテーマでウィジェットを使いたい

(※WordPress覚書メモ この記事は、過去に書いた記事の再アップです)


wordpressには「ウィジェット」という、サイドバーを簡単に編集できる機能があります。
でもいちから作った「自作テーマ」の場合、「ウィジェット」を使えるようになっていません。
今日は、「オリジナルテーマ」で「ウィジェット」を使う方法について書きたいと思います。


「オリジナルテーマ」で「ウィジェット」を使うには、functions.php に下記を記入する

<?php
//サイドバーのウェジェットを使えるようにする
register_sidebar(array(
‘before_widget’ => ‘<div id="%1$s" class="widget %2$s">’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h3>’,
‘after_title’ => ‘</h3>’,
));
?>
279行目はコメントです。


コメントの書き方の違い

コメント」は、ファイルによって書き方が異なります。
htmlファイルなら <!-- --> で囲み、
<?php ?> の中なら、頭に // とつけるとその行のみコメント、
cssファイルなら /* */ で囲む、という具合です。


「ウィジェット」を出力する

次に、sidebar.php を開いて、「ウィジェット」を表示させたい箇所に、下記を挿入します。

<!--サイドバー(ウィジェット)-->
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
<?php endif; ?>


これで「ウィジェット」が使えるようになりました。